nav ul li:nth-child(3) a {
  color: #c5842d;
  border-bottom: 2px solid #fff;
}

/* banner-top */
.banner-top {
  width: 100%;
  height: 18.6rem;
  background-color: #000;
  position: relative;
}

.banner-top .nav-content {
  position: absolute;
  top: 1em;
  left: 7.25em;
  width: 46.6rem;
  text-align: left;
}

.banner-top .nav-content .one {
  font-family: '黑体';
  font-size: 0.4rem;
  color: #b1b1b1;
  line-height: 1.35rem;
  margin-top: 0rem;
  width: 13.45rem;
}

.banner-top .nav-content2 {
  position: absolute;
  top: 5.52rem;
  left: 27%;
  width: 31.25rem;
  text-align: center;
}

.banner-top .nav-content2 .two {
  font-family: '黑体';
  font-size: 2.5rem;
  line-height: 2rem;
  margin-top: 0rem;
}

.banner-top .nav-content2 .two a {
  color: #fff;
}

.banner-top .nav-content2 .two a::after {
  content: '';
  width: 1.45rem;
  display: block;
  margin: 0 auto;
  border-bottom: 1px solid #c5842d;
  padding-bottom: 2.25rem;
}

.banner-top .nav-content2 .three {
  font-family: '黑体';
  font-size: 0.75rem;
  color: #878787;
  line-height: 1.45rem;
  margin-top: 1.55rem;
}

/* bannner------------------------------------------------- */
.banner {
  width: 100%;
  height: 50rem;
  position: relative;
}

.banner .img {
  width: 100%;
  height: 100%;
  display: block;
}

.banner .banner-content {
  position: absolute;
  top: 1rem;
  left: 7.25rem;
  width: 17.65rem;
  text-align: left;
}

.banner .banner-content .one {
  font-family: '黑体';
  font-size: 2.4rem;
  line-height: 2.25rem;
  margin-top: 4.25rem;
}

.banner .banner-content .one a {
  color: #fff;
}

.banner .banner-content .two {
  font-family: '黑体';
  font-size: 0.75rem;
  color: #878787;
  line-height: 1.45rem;
  margin-top: 2.25rem;
}

.banner .banner-content2 {
  position: absolute;
  top: 15.75rem;
  left: 36%;
  width: 17.25rem;
  text-align: center;
}

.banner .banner-content2 .three {
  font-family: '黑体';
  font-size: 1.65rem;
  color: #fff;
  line-height: 2.25rem;
  margin-top: 4.25rem;
}

.w-list {
  position: absolute;
  top: 27.25rem;
  left: 0rem;
  width: 100%;
  margin: 0;
}

.w-list ul {
  width: 100%;
}

.w-list ul li {
  width: 14.25rem;
  height: 23.35rem;
  text-align: center;
  float: left;
  margin-left: 0;
}

.w-list ul li:hover {
  width: 15.85rem;
  height: 24.35rem;
}

.w-list .watch-left {
  width: 2.25rem;
  height: 2.25rem;
}

.w-list .watch-right {
  width: 2.25rem;
  height: 2.25rem;
}

.w-list ul li:first-child {
  width: 2.25rem;
  height: 2.25rem;
  margin: 5.25rem 2.25rem 0 2.25rem;
}

.w-list ul li:nth-child(5) {
  width: 10.75rem;
  height: 23.35rem;
}

.w-list ul li:last-child {
  width: 2.25rem;
  height: 2.25rem;
  margin: 5.25rem 0 0 0;
}

.w-list ul li img {
  display: block;
  margin: 0;
  height: 58%;
}
.w-list ul li img:hover {
  background-color: #000;
  box-shadow: 0 0 7px 3px #51c5e9;
}

.w-list ul li p {
  position: relative;
  right: 1rem;
  font-size: 0.6rem;
  color: #fff;
  width: 9.25rem;
  line-height: 1.67rem;
  margin: 0.65rem 5.75rem 0 0;
}

.bar {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.1rem;
}

.bar li {
  float: left;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #6c6c6c;
  margin-left: 0.85rem;
}

.bar li:first-child {
  background-color: #fff;
  margin-left: 0;
}

.bar li:hover {
  background-color: #fff;
  box-shadow: 0 0 7px 3px #e2e3e2;
}

/* banner-center------------------------------------------- */
.banner-center {
  width: 100%;
  height: 50rem;
  position: relative;
}

.banner-center .img {
  width: 100%;
  height: 100%;
  display: block;
}

.banner-center .banner2-content {
  position: absolute;
  top: 1.75rem;
  right: 9.75rem;
  width: 17.65rem;
  text-align: left;
}

.banner-center .banner2-content .one {
  font-family: '黑体';
  font-size: 2.4rem;
  line-height: 2.25rem;
  margin-top: 4.25rem;
}

.banner-center .banner2-content .one a {
  color: #fff;
}

.banner-center .banner2-content .two {
  font-family: '黑体';
  font-size: 0.75rem;
  color: #878787;
  line-height: 1.45rem;
  margin-top: 1.25rem;
}

.banner-center .banner2-content2 {
  position: absolute;
  top: 15.75rem;
  left: 36%;
  width: 17.25rem;
  text-align: center;
}

.banner-center .banner2-content2 .three {
  font-family: '黑体';
  font-size: 1.65rem;
  color: #fff;
  line-height: 2.25rem;
  margin-top: 4.25rem;
}

/* banner-bottom-------------------------------------------- */
.banner-bottom {
  width: 100%;
  padding-top: 1.55rem;
  padding-bottom: 2rem;
}

.banner-bottom .banner3_content {
  text-align: center;
  margin: 2.25rem 3.25rem 0.25rem 3.25rem;
}

.banner-bottom .banner3_content img {
  width: 90%;
  margin-bottom: -4.45rem;
}

.banner-bottom .banner3_content ul li .bb-text {
  position: relative;
  top: -3.75rem;
  left: 7.75rem;
  width: 18.25rem;
  text-align: left;
}

.banner-bottom .banner3_content ul li .bb-text p {
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.6em;
}

.banner-bottom .banner3_content ul li .bb-text a {
  display: block;
  width: 8.35rem;
  height: 1.9rem;
  text-align: left;
  line-height: 1.9rem;
  color: #c5842d;
  font-size: 0.85rem;
  margin: 0.75rem 0 0 0;
}

.banner-bottom .return-top {
  text-align: center;
}

.banner-bottom .return-top button {
  width: 3.75rem;
  height: 1.45rem;
  background-color: #9c9c9c;
  margin-bottom: 1.25rem;
  position: relative;
  top: 1.25rem;
}

.banner-bottom .return-top button a {
  color: #fff;
  font-size: 0.15rem;
}

.clear {
  width: 100%;
  padding-top: 1px;
}